<template>
  <div>
    <x-button @click.native="showIndexModal=!showIndexModal">
      打开
    </x-button>
    <div v-transfer-dom>
      <index-list-demo v-model="showIndexModal" @on-select="onItemSelect"></index-list-demo>
    </div>
  </div>
</template>

<script>
  import IndexListDemo from '../../components/demo/indexListDemo'
    export default {
        name: "test",
        data() {
            return {
              showIndexModal: false,
            }
        },
        watch: {},
        computed: {},
        components: {IndexListDemo},
        methods: {
          onItemSelect(data){
            console.log(data)
          }
        },
        created() {
        },
        mounted() {
        }
    }
</script>

<style scoped lang="less">

</style>
